---
type: tutorial
title: Stockez votre dépôt en ligne
description: |-
  Tutoriel : Construisez votre premier blog Astro —
  Créez un référentiel GitHub pour votre projet de tutoriel
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
  - Mettez votre projet en ligne
</PreCheck>

Ce tutoriel utilisera GitHub pour stocker notre dépôt et se connecter à un hébergeur web. Vous êtes libre d'utiliser le fournisseur git en ligne de votre choix.

:::note
Si vous êtes déjà familier avec git et avez votre propre flux de travail, créez un nouveau dépôt GitHub pour votre projet en utilisant votre méthode préférée. Passez à la page suivante : ["Déployez votre site sur le Web"](/fr/tutorial/1-setup/5/).
:::

## Créer un dépôt sur GitHub

Bien qu'il existe plusieurs moyens de stocker votre code local sur GitHub, ce tutoriel vous guidera à travers une méthode qui ne nécessite pas l'utilisation de git en ligne de commande.

<Steps>
1. Connectez-vous à GitHub.com dans un navigateur et cliquez sur le <kbd>+</kbd> en haut à droite de l'écran pour créer un nouveau dépôt.

2. Choisissez un nom pour votre dépôt. Il n'a pas besoin d'avoir le même nom que le dossier de votre projet.

3. Vous verrez différentes options, mais vous n'avez pas besoin de modifier les paramètres par défaut. Faites défiler vers le bas et cliquez sur le bouton <kbd>Create Repository</kbd>.

4. Vous verrez diverses étapes de configuration, mais vous n'aurez pas besoin de les utiliser. Notez l'URL de votre dépôt. Vous pouvez maintenant quitter cette page sans rien faire.
</Steps>

## Validez votre code local sur GitHub

Dans la dernière section, vous avez apporté une modification au contenu de votre page. Cela signifie que les fichiers de votre projet ont été modifiés, et VS Code devrait afficher un nombre en haut de l'icône du menu "Source". Cet onglet Source est l'endroit où vous irez régulièrement pour mettre à jour vos fichiers sur GitHub.

<Steps>
1. Cliquez sur l'onglet Contrôle de source dans VS Code pour voir la liste des fichiers modifiés. Si vous voyez un message vous indiquant que vous devez installer `git`, suivez les instructions fournies, puis rechargez VS Code.

2. Cliquez sur le menu des "3 points" <kbd>•••</kbd> au-dessus du message de validation et choisissez <kbd>À distance</kbd> > <kbd>Ajouter un dépôt distant</kbd>.

3. Sélectionnez <kbd>Ajouter un dépôt distant à partir de GitHub</kbd>. Si nécessaire, suivez les étapes d'authentification, puis revenez à VS Code et répétez cette action.

4. Vous devriez voir une liste de tous vos dépôts sur GitHub. Choisissez celui que vous avez créé pour ce projet. Si vous ne voyez pas votre projet, collez directement son URL GitHub. Vous pouvez également être invité à donner un nom local à ce dépôt. Vous pouvez choisir n'importe quel nom qui vous convient.

5. En haut du volet de menu, il y aura un endroit pour saisir un **message de validation** (description de vos modifications de fichier). Tapez "commit initial" et appuyez sur le bouton <kbd>Valider</kbd> pour valider ces modifications.

6. Vous pouvez voir un message vous indiquant que vous n'avez pas de validations “indexé” et vous demandant si vous voulez les indexer. Cliquez sur <kbd>Toujours</kbd> et continuez.

7. Enfin, la liste des fichiers modifiés devrait être remplacée par un bouton <kbd>Publier</kbd>. Cliquez dessus pour envoyer vos modifications validées sur GitHub.
</Steps>

### Voir votre projet sur GitHub

Pour vérifier que votre projet est stocké avec succès sur GitHub, rendez-vous sur GitHub.com et recherchez sous votre compte une liste de vos dépôts. Choisissez le nouveau que vous avez créé, et vérifiez qu'il contient les fichiers de votre projet Astro.

  
  
  
<Box icon="check-list">
## Liste de contrôle

<Checklist>
- [ ] J'ai stocké mon projet sur GitHub.
</Checklist>
</Box>

### Ressources

- <p>[Utilisation de Git dans Visual Studio Code](https://code.visualstudio.com/docs/sourcecontrol/overview#_git-support) <Badge>externe</Badge></p>
